export default {
    data() {
        return {
            discoverList: [
                { 
                    "name": "朋友圈", 
                    "img": "img/朋友圈.png",
                    "ico": "img/符号-右.png",
                    "bb":true   
                },
                {
                    "name": "视频号", 
                    "img": "img/视频号.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },
                {
                    "name": "扫一扫", 
                    "img": "img/扫一扫.png",
                    "ico": "img/符号-右.png",
                    "bl":true,
                },
                {
                    "name": "摇一摇", 
                    "img": "img/摇一摇.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },
                { 
                    "name": "看一看", 
                    "img": "img/看一看.png",
                    "ico": "img/符号-右.png",
                    "bl":true,
                },
                {
                    "name": "搜一搜", 
                    "img": "img/搜一搜.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },
                {
                    "name": "购物", 
                    "img": "img/购物.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },
                {
                    "name": "游戏", 
                    "img": "img/游戏.png",
                    "ico": "img/符号-右.png",
                    "bb":true
                },
                { 
                    "name": "小程序", 
                    "img": "img/小程序.png",
                    "ico":"img/符号-右.png"
                }
            ]
        }
    },


    template: `
    <div>
        <div class="discover" v-for="item in discoverList" :class="{bl:item.bl,bb:item.bb}" @click="toMoment">
            <div class="left">
                <img :src="item.img" alt="">
                <span>{{item.name}}</span>
            </div>
            <div class="right">
                <img :src="item.ico" alt="">
            </div>
        </div>
    </div>
    `,
    methods: {
        toMoment(){
            this.$router.push({
                path: '/moments',
                query: {
                    
                }
            })
        }
    },
}